﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" xmlns:toolkitPrimitives="clr-namespace:Microsoft.Phone.Controls.Primitives;assembly=Microsoft.Phone.Controls.Toolkit" 
    xmlns:Hangout_Client_Controls_Notifications="clr-namespace:Hangout.Client.Controls.Notifications" 
    x:Class="Hangout.Client.Accounts.Account"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="728" d:DesignWidth="480" Loaded="PhoneApplicationPage_Loaded">
	<phone:PhoneApplicationPage.Resources>
		<DataTemplate x:Key="ToggleButtonTemplate">
			<Grid/>
		</DataTemplate>
		<Style x:Key="TSTemplate" TargetType="toolkit:ToggleSwitch">
			<Setter Property="Background" Value="{StaticResource PhoneBackgroundBrush}"/>
			<Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilyLight}"/>
			<Setter Property="FontSize" Value="{StaticResource PhoneFontSizeLarge}"/>
			<Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
			<Setter Property="IsTabStop" Value="False"/>
			<Setter Property="HorizontalContentAlignment" Value="Left"/>
			<Setter Property="SwitchForeground" Value="{StaticResource PhoneAccentBrush}"/>
			<Setter Property="VerticalContentAlignment" Value="Top"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="toolkit:ToggleSwitch">
						<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CacheMode="BitmapCache" Padding="{TemplateBinding Padding}" Height="50">
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="Disabled"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Grid Margin="12,5,36,0" d:LayoutOverrides="VerticalAlignment" Width="91">
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="*"/>
									<ColumnDefinition Width="Auto"/>
								</Grid.ColumnDefinitions>
								<Grid.RowDefinitions>
									<RowDefinition Height="Auto"/>
									<RowDefinition Height="Auto"/>
								</Grid.RowDefinitions>
								<toolkitPrimitives:ToggleSwitchButton x:Name="Switch" Background="{TemplateBinding Background}" Grid.Column="1" Margin="-22,-29,-24,-28" Opacity="{TemplateBinding Opacity}" Grid.RowSpan="2" VerticalAlignment="Bottom" SwitchForeground="#FFFFAF04"/>
							</Grid>
						</Border>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</phone:PhoneApplicationPage.Resources>

	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>
 
    <!--Sample code showing usage of ApplicationBar-->
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Opacity="1" BackgroundColor="{StaticResource AppbarColor}">
            <shell:ApplicationBarIconButton Text="dashboard" IconUri="/icons/Dashbord.png" Click="ApplicationBarIconButton_Click"/>
			<shell:ApplicationBarIconButton Text="profile" IconUri="/icons/Profile.png" Click="ApplicationBarProfileButton_Click"/>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>


    <toolkit:TransitionService.NavigationInTransition>
        <toolkit:NavigationInTransition>
            <toolkit:NavigationInTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardIn"/>
            </toolkit:NavigationInTransition.Backward>
            <toolkit:NavigationInTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardIn"/>
            </toolkit:NavigationInTransition.Forward>
        </toolkit:NavigationInTransition>
    </toolkit:TransitionService.NavigationInTransition>
    <toolkit:TransitionService.NavigationOutTransition>
        <toolkit:NavigationOutTransition>
            <toolkit:NavigationOutTransition.Backward>
                <toolkit:TurnstileTransition Mode="BackwardOut"/>
            </toolkit:NavigationOutTransition.Backward>
            <toolkit:NavigationOutTransition.Forward>
                <toolkit:TurnstileTransition Mode="ForwardOut"/>
            </toolkit:NavigationOutTransition.Forward>
        </toolkit:NavigationOutTransition>
    </toolkit:TransitionService.NavigationOutTransition>

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="#FF000C1B">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
    	<Image Height="75" Grid.Row="1" Source="/Images/Top75Jpg.png" Stretch="Fill" VerticalAlignment="Top"/>
    	<TextBlock HorizontalAlignment="Right" Margin="0,2,11,0" Grid.Row="1" TextWrapping="Wrap" Text="accounts" VerticalAlignment="Top" FontFamily="Segoe WP Light" FontSize="48" d:LayoutOverrides="HorizontalAlignment" Foreground="#FF002455"/>
    	<TextBlock HorizontalAlignment="Right" Margin="0,94,8,0" Grid.Row="1" TextWrapping="Wrap" VerticalAlignment="Top" FontFamily="Segoe WP Light" FontSize="25.333" Foreground="#FFCBD3DC" Width="464"><Run Text="We highly recommend that you connect with your "/><Run Text="facebook"/><Run Text=" account and help us to make the world more open and more connected."/></TextBlock>
    	<Canvas x:Name="FacebookConnectPanel" Margin="8,221,8,0" Grid.Row="1" Height="126" VerticalAlignment="Top">
    		<TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" FontFamily="Segoe WP Light" FontSize="48" Foreground="#FFB1B1B1" Width="464" Text="Facebook" Height="75" VerticalAlignment="Top" Canvas.Top="17"/>
    		<toolkit:ToggleSwitch x:Name="FacebookToggleSwitch" Header="ToggleSwitch" Canvas.Left="317" Canvas.Top="29" Style="{StaticResource TSTemplate}" Checked="FacebookToggleSwitch_Checked" Unchecked="FacebookToggleSwitch_Unchecked" />
    		<Canvas x:Name="FacebookLoggedInPanel" Height="42" Canvas.Left="2" Canvas.Top="79" Width="417">
    			<TextBlock TextWrapping="Wrap" Text="Logged In as " Width="120" Height="42" d:LayoutOverrides="VerticalAlignment"/>
    			<TextBlock x:Name="FacebookName" TextWrapping="Wrap" Text="" FontWeight="Bold" Height="30" Canvas.Left="121" Width="296" d:LayoutOverrides="VerticalAlignment"/>
    		</Canvas>
        </Canvas>
    	<Canvas x:Name="FouraquareConnectPanel" Margin="8,347,8,255" Grid.Row="1">
    		<TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" FontFamily="Segoe WP Light" FontSize="48" Foreground="#FFB1B1B1" Width="464" Text="Foursquare" Height="75" VerticalAlignment="Top" Canvas.Top="17"/>
    		<toolkit:ToggleSwitch x:Name="FoursquareToggleSwitch" Header="ToggleSwitch" Canvas.Left="317" Canvas.Top="29" Style="{StaticResource TSTemplate}" Checked="FoursquareToggleSwitch_Checked" Unchecked="FoursquareToggleSwitch_Unchecked" />
    		<Canvas x:Name="FoursquareLoggedInPanel" Height="42" Canvas.Left="2" Canvas.Top="79" Width="417">
    			<TextBlock TextWrapping="Wrap" Text="Logged In as " Width="120" Height="42" d:LayoutOverrides="VerticalAlignment"/>
    			<TextBlock x:Name="FoursquareName" TextWrapping="Wrap" Text="" FontWeight="Bold" Height="30" Canvas.Left="121" Width="296" d:LayoutOverrides="VerticalAlignment"/>
    		</Canvas>
    	</Canvas>
    	<Hangout_Client_Controls_Notifications:NotificationReceived x:Name="NotificationControl" d:LayoutOverrides="Height" Grid.Row="1" VerticalAlignment="Top"/>
        <!--TitlePanel contains the name of the application and page title-->

        <!--ContentPanel - place additional content here-->
        
        
    </Grid>

</phone:PhoneApplicationPage>
